<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <meta charset="utf-8"/>
        <title>Solution billeterie</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content=""/>
        <meta name="author" content=""/>
        <!-- Le styles -->
        <link href="assets/css/bootstrap.css" rel="stylesheet"/>
        <link href="assets/css/main.css" rel="stylesheet"/>
        
        <style type="text/css">
            body {
                padding-top: 60px;
            }
        </style>
        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet" />
        <link rel="shortcut icon" href="assets/ico/favicon.ico"/>
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png"/>
        <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png" />
        <!-- Google Fonts call. Font Used Open Sans -->
        
    </h:head>
    <h:body >

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="index.xhtml?faces-redirect=true"><img src="assets/img/logo-small.png" alt=""/> Solution Billetterie</a>
                    <ui:include src="header.xhtml" />
                </div>
            </div>
        </div>

        <!-- *********************************************************************************** -->

        <div class="container">

            <!-- CONTENT -->
            <div  style="font-size: small;height: 800px;" class="row-fluid">
                <br/>
                <!-- Invoice -->
                <div style="height: 60px;" class="invoice-unit">
                    <div class="invoice">
                        <div class="invoice-name">
                            Parametrages
                        </div>
                        <div class="invoice-company">
                            <h3 style="font-size:26px;"><strong>Parametrages</strong></h3>
                        </div>
                        <div class="invoice-company">
                            <h5>Organismes</h5>
                        </div>     
                        <h:form  >
                            <center>
                                <div class="span2">

                                    <div class="dash2-unit" style="background-color: #fff;	-moz-box-shadow:    3px 3px 2px 0px #98948e;
                                         -webkit-box-shadow: 3px 3px 2px 0px #98948e;
                                         box-shadow:         3px 3px 2px 0px #98948e;
                                         cursor:pointer;">
                                        <br/>
                                        <p style="text-align:center"><img style="width: 76px;height: 76px;" src="assets/img/organisme_1.png" alt=""/></p>
                                        <h2>Organisme</h2>
                                        <br/>
                                    </div>
                                </div>
                            </center>
                            <strong style="margin-left: 20px;">Créer nouveau organisme</strong>
                            <center>
                                <h:commandButton style="margin-right: 10px;" type="button" class="btn btn-primary" value="Créer" />
                                <h:commandButton type="button" class="btn btn-danger" value="Annuler" />
                            </center>
                            <h:panelGrid cellpadding="0" columns="6"  style="text-align: left;margin-left:10px;width: 85%;height: 300px;" >

                                <h:outputText style="padding-left: 10px;" value="Nom organisme :" />

                                <h:inputText/>

                                <h:outputText style="padding-left: 10px;" value="Responsable :" /> 
                                <p:inputText   /> 
                                <h:outputText value="Adresse:"  style="padding-left: 10px;" /> 
                                <h:inputText />
                                <h:outputText value="Tel:"  style="padding-left: 10px;" /> 
                                <h:inputText />
                                <h:outputText value="Secteur :"  style="padding-left: 10px;" /> 
                                <h:inputText />
                            </h:panelGrid >
                            <p:dataTable style="font-size: x-small;" id="dataTable" var="user" value="#{organismeBean.organismes}" 
                                         emptyMessage="Aucun Organisme" 
                                         paginator="true" rows="5"  
                                         >  
                                <p:column id="ID"    
                                          headerText="ID"   
                                          filterMatchMode="contains">  
                                    <h:outputText value="#{user.id}" />  
                                </p:column>  
                                <p:column id="username" filterBy="#{user.lib}"  
                                          headerText="Nom"   
                                          filterMatchMode="contains">  
                                    <h:outputText value="#{user.lib}" />  
                                </p:column>  
                                <p:column id="option"   
                                          headerText="Option"   
                                          >  
                                   
                                    
                                    <h:panelGrid border="" columns="3">
                                        <p:commandLink action="parametresUtilisateursModif.xhtml?faces-redirect=true"    >
                                            <img src="./img/pencil_32.png" style="width: 18px;"/>
                                            <f:setPropertyActionListener value="#{user}" target="#{userBean.userToEdit}" />  
                                        </p:commandLink>
                                        <p:commandLink  action="#{userBean.delete(user)}"  update="@this,dataTable" >
                                            <img src="./img/delete_32.png" style="width: 18px;"/>
                                        </p:commandLink>
                                    </h:panelGrid>
                                    <h:outputText value="" />  
                                </p:column>
                            </p:dataTable>  


                        </h:form>
                    </div>
                </div><!-- /BlockUnit -->
            </div><!-- /row -->
        </div>
        
        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script type="text/javascript" src="assets/js/bootstrap-transition.js"></script>
        <script type="text/javascript" src="assets/js/bootstrap-alert.js"></script>
        <script type="text/javascript" src="assets/js/bootstrap-modal.js"></script>
        <script type="text/javascript" src="assets/js/bootstrap-dropdown.js"></script>
        <script type="text/javascript" src="assets/js/bootstrap-tooltip.js"></script>
        <script type="text/javascript" src="assets/js/bootstrap-button.js"></script>
        <script type="text/javascript" src="assets/js/bootstrap-collapse.js"></script>
        <script type="text/javascript" src="assets/js/bootstrap-typeahead.js"></script>
        <script type="text/javascript" src="assets/js/highcharts.js"></script>
        <script type="text/javascript" src="assets/js/dash-charts.js"></script>
        <script type="text/javascript" src="assets/js/noty/jquery.noty.js"></script>
        <script type="text/javascript" src="assets/js/noty/layouts/topRight.js"></script>
        <!-- You can add more layouts if you want -->
        <script type="text/javascript" src="assets/js/noty/themes/default.js"></script>
        <script type="text/javascript" src="assets/js/admin.js"></script>
    </h:body>
</html>